.gray { color:#999;}
.blue { color:#00b1db;}
.clear { clear:both;}
.warp { font-size:14px; min-width:1000px; padding-top:48px; background:#f1f1f1}
.back-side { position:fixed; left:0; width:180px; height:100%; background:#fff; overflow:auto; box-shadow:0 0 5px #bababa;}
.back-side ul { padding-top:20px;}
.back-side li { border-left:4px solid #fff; padding:10px 0 10px 30px;}
.back-side li.on { background:#f7f8fc; border-left:4px solid #00ceff;}
.back-side li p.active a{ color:#00b1db;}
.back-side li h3 { font-size:14px; margin-bottom:5px; color:#727272; font-weight:bold;}
.back-side li h3 span { float:left; width:13px; height:13px; margin:4px 5px 0 0; background:url(../images/backicon.png) no-repeat;}
.back-side li h3 .s1 { background-position:0 -92px;}
.back-side li h3 .s2 { background-position:0 -109px;}
.back-side li h3 .s3 { background-position:0 -126px; margin-top:5px;}
.back-side li h3 .s4 { background-position:0 -145px;}
.back-side li h3 .s5 { background-position:0 -165px;}
.back-side li h3 .s6 { background-position:0 -186px;}
.back-side li p { padding-left:18px; line-height:24px;}
.back-side li p a { color:#8e8e8e}

/*back-main*/
.abtn { display:inline-block; width:86px; height:32px; line-height:32px; margin:3px 0; text-align:center; color:#fff; background:#00a8e6; border-radius:3px;}
.abtn:hover { background:#00ceff; text-decoration:none;}
.abtn-large { width:100px; height:36px; line-height:36px;}
.back-main { padding:22px 20px 25px 200px;}
.back-main .inner { padding:10px 20px; background:#fff;}
.back-main .title { padding-bottom:8px; margin-bottom:25px; font-size:18px; font-weight:bold; color:#404040; border-bottom:1px solid #ebebeb;}
.backTab { height:40px; line-height:40px; margin-bottom:15px; border:1px solid #ebebeb;}
.backTab li { position:relative; cursor:pointer; float:left; margin-left:-1px; padding:0 30px 0 23px; font-size:14px; font-weight:bold; border-left:1px solid #ebebeb;}
.backTab li.on { background:#fff; border-top:3px solid #00ceff; border-right: 1px solid #ebebeb; margin-top:-1px;}
.backTab li span { position:absolute; height:13px; line-height:13px; right:10px; top:5px; font-weight:normal; min-width:17px; text-align:center; color:#fff; background:#f9a32a; font-size:12px; border-radius:2px; border-bottom-left-radius:0;}
.backTab li span i { position:absolute; width:3px; height:2px; left:0; bottom:-2px; background:url(../images/backicon.png) no-repeat -19px -437px;}
.back-status { line-height:32px; padding-bottom:5px;}
.orderInput { width:120px; padding:0 5px; height:30px; line-height:30px; border:1px solid #cfcfcf;}
.orderInput1 { width:190px; margin-right:20px;}
.back-status span { display:inline-block; margin-bottom:15px; white-space:nowrap; margin-right:10px;}
.back-status select { height:32px; border:1px solid #cfcfcf; width:100px; padding:0 5px;}
.back-status a { float:right; height:32px; width:72px; text-align:center; line-height:32px; background:#00a8e6; font-size:16px; color:#fff; border-radius:3px;}
.back-status a:hover { background:#00ceff; text-decoration:none;}
.dateInput { padding-right:25px; width:100px; background:url(../images/backicon.png) no-repeat 107px -200px;}

/*table*/
table { width:100%;}
.titleTable { margin-bottom:14px;  border:1px solid #e9e9e9;}
.titleTable td { height:50px; font-weight:bold; text-align:center; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.dataTable td { padding:10px 0; border-bottom:1px solid #e9e9e9; text-align:center;  border-collapse:collapse;}
.dataTable td .name { text-align:left; padding-left:20px;}
.dataTable table { margin-bottom:15px; border:1px solid #e9e9e9;  border-collapse:collapse;}
.dataTable .alltd { position:relative; padding:0 20px; line-height:40px; background:#f8f8f8;}
.dataTable .alltd img { vertical-align:middle; position:relative; top:-1px;}
.dataTable th { font-weight:normal; border-bottom:1px solid #e9e9e9; text-align:left;}
.dataTable .btn { display:inline-block; width:86px; height:32px; line-height:32px; margin:3px 0; text-align:center; color:#fff; background:#00a8e6; border-radius:3px;}
.dataTable .btn:hover { background:#00ceff; text-decoration:none;}
.dataTable2 th { height:40px; background:#f8f8f8; border-bottom:1px solid #e9e9e9; text-align:center; font-weight:bold;}
.dataTable2 td { padding:20px 0;}
.dataTable2 td p { margin:3px 0;}
.dataTablePd td { padding:20px 0;}

/*page*/
.backpage { padding:15px 20px; text-align:right; font-size:12px; color:#333; border:1px solid #e9e9e9; background:#f8f8f8;}
.backpage .orange { margin-left:10px;}
.backpage p, .backpage .pnt { display:inline-block; vertical-align:middle; position:relative; top:-2px; margin:0 3px;}
.backpage p input { float:left; height:18px; line-height:18px; width:46px; border:1px solid #e9e9e9;}
.backpage p a { float:left; width:32px; height:20px; line-height:20px; text-align:center; background:#00b1db; color:#fff;}
.backpage .prev, .backpage .next { display:inline-block; width:20px; height:20px; background:url(../images/backicon.png) no-repeat 0 -290px; }
.backpage .next { background-position:-20px -290px;}
.backpage .pnt { top:0;}

/*tanbox*/
.tanbox { position:fixed; width:100%; height:100%; left:0; top:0; z-index:101;}
.tanbg { position:absolute; width:100%; height:100%; left:0; top:0; background:#000; opacity:0.4; filter:alpha(opacity=40)}
.tanbox .inner { position:absolute; width:520px; left:50%; margin-left:-260px; top:30%; background:#fff;}
.tanbox .closed { cursor:pointer; position:absolute; width:16px; height:16px; right:10px; top:10px; background:url(../images/backicon.png) no-repeat 0 -438px; }
.tanbox .tanTxt { padding:65px 20px 30px 30px;}
.tanbox .tanTxt .des { padding-left:55px; min-height:44px; background:url(../images/tan.png) no-repeat left center;}
.tanbox .btn { text-align:center; margin-top:20px;}
.tanbox .btn a { display:inline-block; min-width:70px; width:auto; height:34px; line-height:34px; padding:0 15px; margin:0 8px; border:1px solid #00b1db; background:none; color:#00b1db; border-radius:3px; font-size:16px;}
.tanbox .btn a:hover { color:#fff; text-decoration:none; background:#00b1db; }
.tanbox .error i { float:left; width:14px; height:14px; margin:4px 5px 0 0; background:url(../images/backicon.png) no-repeat 0 -461px; }
.tanbox .error { color:#f64747;}
.tanbox .title { height:46px; line-height:46px; padding:0 20px; font-size:18px; font-weight:bold; color:#333; background:#f2f2f2}
.tanbox .btn-left { text-align:left;}
.tanbox .btn-left a { text-align:center; margin:0 5px 0 0;}

/*form model*/
.radioModel {display:inline-block; position:relative; top:-1px; width:12px; height:12px; background:url(../images/backicon.png) no-repeat -19px -455px; vertical-align:middle }
.radioModel input {  cursor:pointer;  position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.radioModelon { background-position:-19px -441px;}



/*供应商*/
.warp-supplier .back-side li p.active a { color:#fe6632}
.warp-supplier .back-side li.on { border-left:4px solid #ffc001}
.warp-supplier .backTab li.on { border-top:3px solid #ffc001; color:#f9a32a;}
.warp-supplier .back-status a { background:#ffc001;}
.warp-supplier .back-status a:hover { background:#fea910; color:#fff;}
.warp-supplier .dataTable .btn, .warp-supplier .abtn  { background:#ffc001;}
.warp-supplier .dataTable .btn:hover, .warp-supplier .abtn:hover {background:#fea910; color:#fff;}
.warp-supplier .backpage p a { background:#ffc001; color:#fff;}
.warp-supplier .radioModelon { background-position:-19px -468px;}